@charset "utf-8";
/* CSS Document */

ul,li,div{list-style:none;margin:0;padding:0;}
a{text-decoration:none;}
p{padding:0;margin:0;}

body{
  width:auto;
  height:auto;
  overflow-x: auto;
}
.subject{
    width:70%;
    margin: 0 auto;
}

.top{
    width:100%;
    background-color:#d8d4d4;
    height:30px;
}
.top_text{
	width:90%;
	float:right;
	line-height:30px;
	font-size:1em;
	}
#image{
	width:100%; 	
}

#image2{
	width:100%;
	height:auto; 
}
.top_box{
    width:100%;
    height:auto;
	display:inline-block;
}
.top_box_part{
	width:90%;
	float:right;
	}
.top_box img{
	width:7%;
	float:left;
	margin-top:1%;
	}
.top_box_right{
	width:90%;
	float:right;
	font-size:1em;
	color:#d80808;
	}
.top_box_right p{margin-top:10px;}
.top_nav{
	width:100%;
	height:auto;
	background-color:#ad8a03;
	}
.top_nav ul{width:100%;height:50px;}
.list{
    width:90%;
	height:50px;
    margin:0 auto;
    margin-bottom:0px;
	float:right;
	}

.list  a{
    width:18%;
    display:inline-block;
    text-align:center;
    text-decoration:none;
   	font-size:1.5em;
	line-height:50px;
	color:white;
}
.list a:hover{
    background:#7d6403;
    color:white;
	
}

.bottom{
	width:100%;
	height:auto;
	background-color:#ccc;
	margin-top:7%;
	}
.bottom_box{
	width:90%;
	height:auto;
	margin:20px 5% 20px 5%;
	display:inline-block;
	}
.bottom_left{
	width:40%;
	height:auto;
	float:left;
	display:block;
	}
.bottom_left h3{
	color:#000;
	font-size:1.5em;
	}
.bottom_left p{margin-top:20px;}
.bottom_role{
	width:100%;
	border:1px solid #000;
	}	
.bottom_left a{
	color:#000;
	font-size:1.3em;
	text-decoration:none;
	}
.bottom_left a:hover{
	color:#F00; 
	}	
.bottom_center{
	width:50%;
	height:auto;
	float:right;
	display:block;
	}
.bottom_center h3{
	color:#000;
	font-size:1.5em;
	}

.bottom_center p{
	color:#000;
	font-size:1.3em;
	margin-top:20px;
	}

@media screen and (max-width:1450px){
.subject{
    width:80%;
    margin: 0 auto;
}
.top{
    width:100%;
    background-color:#d8d4d4;
    height:30px;
}
.top_text{
	width:90%;
	float:right;
	line-height:30px;
	font-size:1em;
	}
#image2{
	width:100%;
	height:auto; 
}
.top_box{
    width:100%;
    height:auto;
	display:inline-block;
}
.top_box_part{
	width:90%;
	float:right;
	}
.top_box img{
	width:9%;
	float:left;
	margin-top:1%;
	}
.top_box_right{
	width:90%;
	float:right;
	font-size:0.9em;
	color:#d80808;
	}
.top_nav{
	width:100%;
	height:auto;
	background-color:#ad8a03;
	}
.list{
    width:90%;
	height:50px;
    margin:0 auto;
    margin-bottom:0px;
	float:right;
	}

.list  a{
    width:18%;
    display:inline-block;
    text-align:center;
    text-decoration:none;
   	font-size:1.5em;
	line-height:50px;
	color:white;
}
.list a:hover{
    background:#7d6403;
    color:white;
	
}
.bottom{
	width:100%;
	height:auto;
	background-color:#ccc;
	margin-top:7%;
	}
.bottom_box{
	width:90%;
	height:auto;
	margin:20px 5% 20px 5%;
	display:inline-block;
	}
.bottom_left{
	width:40%;
	height:auto;
	float:left;
	display:block;
	}
.bottom_left h3{
	color:#000;
	font-size:1.5em;
	}
.bottom_left p{margin-top:20px;}
.bottom_role{
	width:100%;
	border:1px solid #000;
	}	
.bottom_left a{
	color:#000;
	font-size:1.3em;
	text-decoration:none;
	}
.bottom_left a:hover{
	color:#F00; 
	}	
.bottom_center{
	width:50%;
	height:auto;
	float:right;
	display:block;
	}
.bottom_center h3{
	color:#000;
	font-size:1.5em;
	}

.bottom_center p{
	color:#000;
	font-size:1.3em;
	margin-top:20px;
	}

	}
@media screen and (max-width:1200px){
.subject{
    width:100%;
    margin: 0 auto;
}
.top{
    width:100%;
    background-color:#d8d4d4;
    height:30px;
}
.top_text{
	width:90%;
	float:right;
	line-height:30px;
	font-size:0.8em;
	}
#image2{
	width:100%;
	height:auto; 
}
.top_box{
    width:100%;
    height:auto;
	display:inline-block;
}
.top_box_part{
	width:90%;
	float:right;
	}
.top_box img{
	width:8%;
	float:left;
	margin-top:1.2%;
	}
.top_box_right{
	width:90%;
	float:right;
	font-size:0.9em;
	color:#d80808;
	}
.top_box_right p{margin-top:15px;}
.top_nav{
	width:100%;
	height:auto;
	background-color:#ad8a03;
	}
.list{
    width:90%;
	height:50px;
    margin:0 auto;
    margin-bottom:0px;
	float:right;
	overflow:hidden;
	}

.list  a{
    width:20%;
    display:inline-block;
    text-align:center;
    text-decoration:none;
   	font-size:1.2em;
	line-height:50px;
	color:white;
}
.list a:hover{
    background:#7d6403;
    color:white;
	
}
.bottom{
	width:100%;
	height:auto;
	background-color:#ccc;
	margin-top:7%;
	}
.bottom_box{
	width:90%;
	height:auto;
	margin:20px 5% 20px 5%;
	display:inline-block;
	}
.bottom_left{
	width:40%;
	height:auto;
	float:left;
	display:block;
	}
.bottom_left h3{
	color:#000;
	font-size:1.5em;
	}
.bottom_left p{margin-top:20px;}
.bottom_role{
	width:100%;
	border:1px solid #000;
	}	
.bottom_left a{
	color:#000;
	font-size:1.3em;
	text-decoration:none;
	}
.bottom_left a:hover{
	color:#F00; 
	}	
.bottom_center{
	width:50%;
	height:auto;
	float:right;
	display:block;
	}
.bottom_center h3{
	color:#000;
	font-size:1.5em;
	}

.bottom_center p{
	color:#000;
	font-size:1.3em;
	margin-top:20px;
	}


}

@media screen and (max-width:1000px){
.subject{
    width:100%;
    margin: 0 auto;
}
.top{
    width:100%;
    background-color:#d8d4d4;
    height:30px;
}
.top_text{
	width:90%;
	float:right;
	line-height:30px;
	font-size:0.8em;
	}
#image2{
	width:100%;
	height:auto; 
}
.top_box{
    width:100%;
    height:auto;
	display:inline-block;
}
.top_box_part{
	width:90%;
	float:right;
	}
.top_box img{
	width:8%;
	float:left;
	margin-top:1.2%;
	}
.top_box_right{
	width:90%;
	float:right;
	font-size:0.9em;
	color:#d80808;
	}
.top_box_right p{margin-top:15px;}
.top_nav{
	width:100%;
	height:auto;
	background-color:#ad8a03;
	}
.list{
    width:90%;
	height:50px;
    margin:0 auto;
    margin-bottom:0px;
	float:right;
	overflow:hidden;
	}

.list  a{
    width:20%;
    display:inline-block;
    text-align:center;
    text-decoration:none;
   	font-size:1.2em;
	line-height:50px;
	color:white;
}
.list a:hover{
    background:#7d6403;
    color:white;
	
}
.bottom{
	width:100%;
	height:auto;
	background-color:#ccc;
	margin-top:7%;
	}
.bottom_box{
	width:90%;
	height:auto;
	margin:20px 5% 20px 5%;
	display:inline-block;
	}
.bottom_left{
	width:40%;
	height:auto;
	float:left;
	display:block;
	}
.bottom_left h3{
	color:#000;
	font-size:1.5em;
	}
.bottom_left p{margin-top:20px;}
.bottom_role{
	width:100%;
	border:1px solid #000;
	}	
.bottom_left a{
	color:#000;
	font-size:1.1em;
	text-decoration:none;
	}
.bottom_left a:hover{
	color:#F00; 
	}	
.bottom_center{
	width:50%;
	height:auto;
	float:right;
	display:block;
	}
.bottom_center h3{
	color:#000;
	font-size:1.5em;
	}

.bottom_center p{
	color:#000;
	font-size:1.1em;
	margin-top:20px;
	}



}
@media screen and (max-width:800px){
.subject{
    width:auto;
    margin: 0 auto;
}
.top{
    width:100%;
    background-color:#d8d4d4;
    height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.top_text{
	width:90%;
	float:right;
	line-height:30px;
	font-size:0.5em;
	}
#image2{
	width:100%;
	height:auto; 
}
.top_box{
    width:100%;
    height:auto;
	display:inline-block;
	
}
.top_box_part{
	width:90%;
	float:right;
	display:inline-block;
	}
.top_box img{
	width:11%;
	float:left;
	margin-top:10px;
	}
.top_box_right{
	width:88%;
	float:right;
	font-size:0.8em;
	color:#d80808;
	}
.top_box_right p{margin-top:15px;}
.top_nav{
	width:100%;
	height:auto;
	background-color:#ad8a03;
	}
.list{
    width:90%;
	height:50px;
    margin:0 auto;
    margin-bottom:0px;
	float:right;
	overflow:hidden;
	}

.list  a{
    width:24%;
    display:inline-block;
    text-align:center;
    text-decoration:none;
   	font-size:1.2em;
	line-height:50px;
	color:white;
}
.list a:hover{
    background:#7d6403;
    color:white;
	
}
.bottom{
	width:100%;
	height:auto;
	background-color:#ccc;
	margin-top:7%;
	}
.bottom_box{
	width:90%;
	height:auto;
	margin:20px 5% 20px 5%;
	display:inline-block;
	}
.bottom_left{
	width:40%;
	height:auto;
	float:left;
	display:block;
	}
.bottom_left h3{
	color:#000;
	font-size:1.5em;
	}
.bottom_left p{margin-top:20px;}
.bottom_role{
	width:100%;
	border:1px solid #000;
	}	
.bottom_left a{
	color:#000;
	font-size:1em;
	text-decoration:none;
	}
.bottom_left a:hover{
	color:#F00; 
	}	
.bottom_center{
	width:50%;
	height:auto;
	float:right;
	display:block;
	}
.bottom_center h3{
	color:#000;
	font-size:1.5em;
	}

.bottom_center p{
	color:#000;
	font-size:1em;
	margin-top:20px;
	}


}



@media screen and (max-width:580px){
.subject{
    width:auto;
    margin:0;
}
.top{
    width:100%;
    background-color:#d8d4d4;
    height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.top_text{
	width:98%;
	float:right;
	line-height:30px;
	font-size:0.5em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
#image2{
	width:100%;
	height:auto; 
}
.top_box{
    width:100%;
    height:auto;
	display:inline-block;
}
.top_box_part{
	width:98%;
	float:right;
	}
.top_box img{
	width:12%;
	float:left;
	margin-top:2%;
	}
.top_box_right{
	width:86%;
	float:right;
	font-size:0.5em;
	color:#d80808;
	
	}
.top_box_right p{overflow:hidden;}
.top_nav{
	width:100%;
	height:auto;
	background-color:#ad8a03;
	overflow:hidden;
	}
.top_nav ul{width:100%;height:40px;}
.list{
    width:100%;
	height:40px;
    margin:0 auto;
    margin-bottom:0px;
	float:right;
	overflow:hidden;
	}

.list  a{
    width:23%;
    display:inline-block;
    text-align:center;
    text-decoration:none;
   	font-size:1em;
	line-height:40px;
	color:white;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.list a:hover{
    background:#7d6403;
    color:white;
	
}
.bottom{
	width:auto;
	height:auto;
	background-color:#ccc;
	}
.bottom_box{
	width:100%;
	height:auto;
	margin:20px auto;
	display:inline-block;
	
	}
.bottom_left{
	width:100%;
	height:auto;
	float:left;
	display:block;
	margin:0 auto;
	text-align:center;
	}
.bottom_left h3{
	color:#000;
	font-size:1em;
	}
.bottom_role{
	width:80%;
	border:1px solid #000;
	margin:0 auto;
	}	
.bottom_left p{
	color:#000;
	font-size:1em;
	}
.bottom_left a{font-size:1em;}	
.bottom_center{
	width:100%;
	height:auto;
	float:right;
	display:block;
	text-align:center;
	}
.bottom_center h3{
	color:#000;
	font-size:1em;
	}

.bottom_center p{
	width:90%;
	color:#000;
	font-size:1em;
	margin: 0 auto;
	margin-top:15px;
	}


}